<template>
    <div class="blog-container">
      <Layout>
        <BlogList />
        <template #right>
          <BlogCategory />
        </template>
      </Layout>
    </div>
</template>

<script>
import Layout from "@/components/Layout";
import BlogCategory from "./components/BlogCategory.vue";
import BlogList from "./components/BlogList.vue";

export default {
  components:{
    BlogCategory,
    BlogList,
    Layout,
  }
}
</script>

<style scoped lang="less">
.blog-container{
  width: 100%;
  height: 100%;
}

</style>